<template lang="html">
  <modal>
    <div class="new_frame_type01">
      <div class="frame_cont01">
        <table class="table_fix table_gray01 table_info">
          <colgroup>
            <col style="width:105px;">
            <col>
          </colgroup>
          <tbody>
            <tr>
              <th class="t_l">已收金额</th>
              <td class="t_l">2017-7-8<span class="ml15">12:30</span></td>
            </tr>
            <tr>
              <th class="t_l">申请退款时间</th>
              <td class="t_l"><span class="price_type02">￥2320.00</span></td>
            </tr>
            <tr>
              <th class="t_l">退款金额</th>
              <td class="t_l"><span class="price_type02">￥20.00</span></td>
            </tr>
            <tr>
              <th class="t_l">退款说明</th>
              <td class="t_l"><p class="back_info">这里是退款说明这里是退款说明，这里是退款说明这里是退款说明</p></td>
            </tr>
          </tbody>
        </table>
        <div class="edit_cont02">
          <a href="javascript:;" class="mr5 blue_btnlink inlinebox">接受</a>
          <a class="ml5 new_btn grey_btn grey_btn03" @click="closeRefundModal">拒绝</a>
        </div>
      </div>
    </div>
  </modal>
</template>

<script>
import { mapActions, mapGetters } from 'vuex'
import Modal from './Modal.vue'

export default {
  components: { Modal },
  computed: {
    ...mapGetters({
      'modal': 'getModal'
    }),
  },
  methods: mapActions({
    'closeRefundModal': 'closeRefundModal'
  })
}
</script>

<style lang="css" scoped>
  .new_frame_type01 {
    margin: 0 auto;
  }
</style>
